*{
    margin:0;
    padding:0;
  }
  
  .container{
    width:500px;
    margin:0 auto;
    background:#ffffff;
    border:1px solid #dddddd;
  }
  
  .header{
    padding:10px 0;
    color:#266897;
    text-align: center;
  }
  
  .number{
    display: flex;
    justify-content: space-between;
    padding:10px;
    border:1px dotted #dddddd;
  }
  
  .current-title{
     color:#266897;
  }
  
  .list{
    padding:10px;
  }
  
  .list-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:6px 10px;
    margin-bottom:10px;
    border:1px solid #dddddd;
  }
  
  .list-info{
    display: flex;
    align-items: center;
  }
  
  .info-title{
    color:#266897;
  }
  
  .img{
    width:60px;
    height:60px;
  }
  
  .btn{
    width:76px;
    height:40px;
    color:#ffffff;
    background:#4c9ad7;
    border:none;
  }
  
  .action{
    text-align: center;
    margin:10px 0;
  }
  
  .get-apple{
    width:100px;
    height:40px;
    color:#ffffff;
    background:#489364;
    border:none;
  }